<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/wap.css?2">
    <link rel="stylesheet" href="./fonts/aliIcon/iconfont.css">
    <link rel="stylesheet" href="./css/mineModify.css">
    <title>震情信息</title>
</head>
<body>
<div class="pet_mian" id="top">
    <div class="pet_head">
            <header data-am-widget="header"
                    class="am-header am-header-default pet_head_block">
                <h1 class="am-header-title pet_article_user mine-header-titlte">
                    <span class="pet_article_user_name">震情信息</span>
                </h1>
                <div class="am-header-right am-header-nav mine-header-right">
                    <a href="javascript:;" class="iconfont pet_head_gd_ico pet_nav_gengduo icon-denglu" style="font-size: 20px;"></a>
                </div>
            </header>
        </div>
    <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false}' >
      <ul class="am-slides">
          <li>
                <img src="img/fl01.png">
                <div class="pet_slider_font">
                    <span class="pet_slider_emoji"> (╭￣3￣)╭♡   </span>
                    <span>“大白”有望成为现实：充气机器人研究取得进展</span>
                </div>
                <div class="pet_slider_shadow"></div>
          </li>
          <li>
                <img src="img/fl02.png">
                <div class="pet_slider_font">
                    <span class="pet_slider_emoji"> []~(￣▽￣)~*　</span>
                    <span>已然魔性的雪橇犬哈士奇 —《雪地狂奔》</span>
                </div>
                <div class="pet_slider_shadow"></div>
          </li>
          <li>
                <img src="img/fl03.png">
                <div class="pet_slider_font">
                    <span class="pet_slider_emoji"> (｡・`ω´･)　</span>
                    <span>《星际争霸2:虚空之遗》国服过审!</span>
                </div>
                <div class="pet_slider_shadow"></div>
          </li>
      </ul>
    </div>
    <div class="pet_circle_nav">
        <ul class="pet_circle_nav_list">
            <li class="active"><a href="./earthInfo.html" class="iconfont pet_nav_xinxianshi ">&#xe61e;</a><span>震情信息</span></li>
            <li><a href="newsEvent.html" class="iconfont pet_nav_zhangzhishi ">&#xe607;</a><span>新闻事件</span></li>
            <li><a href="popluarKnowledge.html" class="iconfont pet_nav_kantuya ">&#xe62c;</a><span>地震科普</span></li>
        </ul>
        <div class="pet_more_list form-wrap">
            <div class="iconfont pet_more_close">×</div>
            <div class="pet_more_list_block form">
                <div class="pet_more_list_block_name">
                    <form class="am-form am-form-horizontal">
                        <fieldset>
                            <legend style="color: #0fafff; font-size: 4rem;height: 9rem;line-height: 7rem"><span> 登陆</span> <i class="am-icon-skyatlas"></i></legend>
                            <div class="am-form-group" style="margin-bottom: 30px;">
                                <input type="text" style="border-radius:3px;" id="doc-ipt-email-1" placeholder="输入管理员账号">
                            </div>

                            <div class="am-form-group" style="border-bottom: 1px solid #e5e5e5; margin-bottom: 20px;padding-bottom: 24px;">
                                <input type="password" style="border-radius:3px;" id="doc-ipt-email-2" placeholder="输入电子密码">
                            </div>
                            <button type="button" id="loginBtn" class="am-btn am-btn-primary" style="width: 20rem;border-radius:3px;">登录</button>
                        </fieldset>
                    </form>
            </div>
            </div>
        </div>
    </div>
    <div class="pet_content_main">
      <div data-am-widget="list_news" class="am-list-news am-list-news-default" >
      <div class="am-list-news-bd">
      <ul class="am-list" id="earthInfoList">
        </ul>
      </div>

        </div>

    </div>
    <div class="pet_article_dowload pet_dowload_more_top_off">
        <span class="not-have-more">加载中 .....</span>
    </div>
    <div class="pet_article_footer_info">Copyright(c)2015 *** All Rights Reserved</div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/amazeui.min.js"></script>
<script src="../common/utils.js"></script>
<script src="../common/request.js"></script>
<script>
$(function(){
    // 动态计算新闻列表文字样式
    auto_resize();
    $(window).resize(function() {
        auto_resize();
    });
    $('.am-list-thumb img').load(function(){
        auto_resize();
    });

    $('.am-list > li:last-child').css('border','none');
    function auto_resize(){
        $('.pet_list_one_nr').height($('.pet_list_one_img').height());

    }
    $('.pet_nav_gengduo').on('click',function(){
        $('.pet_more_list').addClass('pet_more_list_show');
   });
    $('.pet_more_close').on('click',function(){
        $('.pet_more_list').removeClass('pet_more_list_show');
    });

    // 第一次的
    userEarthInfoRequest(1);

   scorll(userEarthInfoRequest);
});

</script>
<script src="js/userUICommon.js"></script>
</body>
</html>